<template>
  <div>
    <h3>childTwo</h3>
    <!-- 具名插槽 
    在子组件标签内部
    传入什么写什么
    传入的内容起个名 slot
    将其传入到子组件内部，子组件通过<slot name="对应父组件当中起的名字"></slot>
    如果父组件当中没有该名字 使用默认值
    
    -->
    <son-two>
      <h2 slot="msg">{{ msg }}</h2>
      <h2 slot="infoHi">hello 世界</h2>
    </son-two>
  </div>
</template>

<script>
import SonTwo from "./SonTwo.vue";
export default {
  data() {
    return {
      msg: "啥声啊！！",
    };
  },
  components: { SonTwo },
};
</script>

<style lang="scss" scoped>
</style>